$(function(){

	$("#usrform").validate({
    	rules: {
			NameSei: {
				required: { depends: function () {
					                    if( $(this).val().indexOf('例）') >= 0) $(this).val('');
					                    return true;
									}
				},
    			zenkaku  : true
			},

			NameMei: {
				required: { depends: function () {
					                    if( $(this).val().indexOf('例）') >= 0) $(this).val('');
					                    return true;
									}
				},
    			zenkaku  : true
			},

			NameSeiKana: {
				required: { depends: function () {
					                    if( $(this).val().indexOf('例）') >= 0) $(this).val('');
					                    return true;
									}
				},
				katakana  : true
			},

			NameMeiKana: {
				required: { depends: function () {
					                    if( $(this).val().indexOf('例）') >= 0) $(this).val('');
					                    return true;
									}
				},
				katakana  : true
			},

	        Mail: {
	            required: { depends: function () {
					                    if( $(this).val().indexOf('例）') >= 0) $(this).val('');
					                    return ($(this).val() == "" && $("input[name=Tel]").val() == "");
									}
	            },
	            hankaku: true,
	            email: true
	        },

			Tel: {
				 required: { depends: function () {
	                    if( $(this).val().indexOf('例）') >= 0) $(this).val('');
	                    return ($(this).val() == "" && $("input[name=Mail]").val() == "");
					}
				 },
	            telnum: true
	        }
		},
		messages: {
			NameSei: {
				required: "<li>お名前（姓、名）は必須項目です</li>",
				zenkaku: "<li>お名前（姓、名）は全角で入力してください</li>"
			},
			NameMei: {
				required: "<li>お名前（姓、名）は必須項目です</li>",
				zenkaku: "<li>お名前（姓、名）は全角で入力してください</li>"
			},
			NameSeiKana: {
				required: "<li>お名前（セイ、メイ）は必須項目です</li>",
				katakana: "<li>お名前（セイ、メイ）は全角カタカナで入力してください</li>"
			},
			NameMeiKana: {
				required: "<li>お名前（セイ、メイ）は必須項目です</li>",
				katakana: "<li>お名前（セイ、メイ）は全角カタカナで入力してください</li>"
			},
	    	Mail:  {
				required: "<li>メールアドレス、電話番号のいずれかは必須です</li>",
				hankaku: "<li>メールアドレスは半角英数で入力してください</li>",
				email: "<li>メールアドレスの入力形式が正しくありません<br />※入力例：henshinchintai@apamanshop.co.jp"
			},
			Tel:  {
				required: "<li>メールアドレス、電話番号のいずれかは必須です</li>",
				telnum: "<li>電話番号は半角（ハイフンなし）で入力してください</li>"
			}

		},
		errorPlacement: function (error, element) {
			var elmName = element.attr("name");

			if (elmName == "NameSei" || elmName == "NameMei")
            {
				if($("#nameerr").html().indexOf(error[0].innerHTML) < 0 )
					$("#nameerr").append(error[0].innerHTML);
            }
			else if(elmName == "NameSeiKana" || elmName == "NameMeiKana")
            {
				if($("#namekanaerr").html().indexOf(error[0].innerHTML) < 0 )
					$("#namekanaerr").append(error[0].innerHTML);
            }
			else if(elmName == "Mail" || elmName == "Tel")
			{
				if($("#renrakuerr").html().indexOf(error[0].innerHTML) < 0 )
					$("#renrakuerr").append(error[0].innerHTML);
			}

		},
		onfocusout: false,
		onkeyup: false
    });

	$("#btnNext").click(function (evt) {

		$("#nameerr").empty();
		$("#namekanaerr").empty();
		$("#renrakuerr").empty();

    	if ($("#usrform").validate().form()) {
    		document.usrform.action= "/sp/search/requestsearch/confirm/";
    		document.usrform.submit();
        }
    	else
    	{
    		if($("#nameerr > *").length > 0 ){
    			$("#nameerr").show();
            }
            else {
            	$("#nameerr").hide();
            }

    		if($("#namekanaerr > *").length > 0 ){
    			$("#namekanaerr").show();
            }
            else {
            	$("#namekanaerr").hide();
            }

    		if($("#nameerr > *").length > 0 || $("#namekanaerr > *").length > 0 ){
    			$("#titleName").addClass("error");
    		} else {
    			$("#titleName").removeClass("error");
    		}

    		if($("#renrakuerr > *").length > 0){
    			$("#renrakuerr").show();
            	$("#titleRenraku").addClass("error");
            }
            else {
            	$("#renrakuerr").hide();
            	$("#titleRenraku").removeClass("error");
            }
    	}
    });
})